import React, { Component } from 'react'
import {Row, Col  } from 'antd';

import "../static/css/home.css"

export default  class home extends Component{
    constructor(props) {
        super(props);
        this.state = {

        };

    }
    usernum= () =>{
        this.props.history.push('/sidebar/user')
    }
    render(){
        return (
            <div className="homebox">
                <Row>
                    <Col span={6}>
                        <div className="boxindex" onClick={this.usernum}>
                            <Row>
                                <Col span={12}>
                                    <img src={require('../static/images/user.png')} />
                                </Col>
                                <Col span={12}>
                                    <div className="panel-group">用户数量</div>
                                    <div className="card-panel-num">1</div>
                                </Col>
                            </Row>
                        </div>
                    </Col>
                    <Col span={6}>
                        <div className="boxindex">
                            <Row>
                                <Col span={12}>
                                    <img src={require('../static/images/goods1.png')} />
                                </Col>
                                <Col span={12}>
                                    <div className="panel-group">商品数量</div>
                                    <div className="card-panel-num">8</div>
                                </Col>
                            </Row>
                        </div>
                    </Col>
                    <Col span={6}>
                        <div className="boxindex">
                            <Row>
                                <Col span={12}>
                                    <img src={require('../static/images/goods2.png')} />
                                </Col>
                                <Col span={12}>
                                    <div className="panel-group">货品数量</div>
                                    <div className="card-panel-num">9</div>
                                </Col>
                            </Row>
                        </div>
                    </Col>
                    <Col span={6}>
                        <div className="boxindex">
                            <Row>
                                <Col span={12}>
                                    <img src={require('../static/images/Order.png')} />
                                </Col>
                                <Col span={12}>
                                    <div className="panel-group">订单数量</div>
                                    <div className="card-panel-num">175</div>
                                </Col>
                            </Row>
                        </div>
                    </Col>

                </Row>




            </div>
        )
    }

}
